@lightColor:#cdd5f7;
@darkColor:#646B8A;
@activ:rgba(26, 168, 126, 0.8);;
.co{
    background-color: @activ;
    cursor: pointer;
}
.cc{
    cursor: pointer;
}


.yeye{
    display: flex;
    justify-content: center;
    align-items: center;
    // height: 100vh;
    // width: 600px;
    // background-color: #848fc9;
    .pagination{
        display: flex;
        align-items: center;
        height: 50px;
        margin: 30px;
        border-radius: 8px;
        box-shadow: 0 16px 32px rgba(90, 100, 130, .1);
        background-color: #fff;
        li{
            img{
                width: 22px;
                cursor: pointer;
            }
            width: 25px;
            height: 25px;
            margin: 10px;

            font-size: 14px;
            text-align: center;
            // background-color: @activ;
            border-radius: 5px;
            &.page-btn{
                color: @lightColor;
                font-size: 22px;
                &.isclick{
                    color: @darkColor;
                    &:hover{
                        color: #fff;
                        background-color: @activ;
                    }
                }
            }
            //数字
            &.page-number{
                cursor: pointer;
                color: @darkColor;
                &:hover{
                    color: #fff;
                    font-weight: bold;
                    background-color: @activ;
                }
                //选中状态
                &.active{
                    color: #fff;
                    background-color: @activ;
                    font-weight: bold;
                    cursor: default;
                }
            //
        }
        //胜率好
        &.page-dot{
            color: @lightColor;
            font-size: 18px;
            cursor: pointer;
            &:hover{
                color: @lightColor;
            }
            &::after{
                content: '';
            }
            &.page-dot-prev:hover{
                &::after{
                    content: '1';
                }
            }
            &.page-dot-next:hover{
                &::after{
                    content: '2';
                }
            }
        }
    }
}}